// 盒子模型

/* S 溢出 */
/* #ifndef APP-NVUE */
$overflow-values: (auto, hidden, visible, scroll);

@each $v in $overflow-values {
  .overflow-#{$v} {
    overflow: $v;
  }

  .overflow-x-#{$v} {
    overflow-x: $v;
  }

  .overflow-y-#{$v} {
    overflow-y: $v;
  }
}
/* #endif */
/* S 溢出 */

/* S 背景颜色*/
$background-colors-values: map-merge(
  $theme-colors,
  (
    "main": $bg-color-main,
    "primary": $bg-color-primary,
    "grey-deep": $grey-color-deep,
    "grey": $grey-color,
    "grey-light": $grey-color-light,
    "transparent": transparent,
  )
);

@each $k, $v in $background-colors-values {
  .bg-#{$k} {
    background-color: $v;
  }

  .i-bg-#{$k} {
    background-color: $v !important;
  }
}
/* E 背景颜色*/

/* S 边框 */
$border-values: (
  0: 0,
  1: 1rpx solid $border-color,
  2: 2rpx solid $border-color,
  3: 3rpx solid $border-color,
  4: 4rpx solid $border-color,
  5: 5rpx solid $border-color,
  6: 6rpx solid $border-color
);
@each $k, $v in $border-values {
  .border-#{$k} {
    border: $v;
  }
  .i-border-#{$k} {
    border: $v !important;
  }

  .border-y-#{$k} {
    border-top: $v;
    border-bottom: $v;
  }
  .i-border-t-#{$k} {
    border-top: $v !important;
    border-bottom: $v !important;
  }

  .border-x-#{$k} {
    border-left: $v;
    border-right: $v;
  }
  .i-border-t-#{$k} {
    border-left: $v !important;
    border-right: $v !important;
  }

  .border-t-#{$k} {
    border-top: $v;
  }
  .i-border-t-#{$k} {
    border-top: $v !important;
  }

  .border-r-#{$k} {
    border-right: $v;
  }
  .i-border-r-#{$k} {
    border-right: $v !important;
  }

  .border-b-#{$k} {
    border-bottom: $v;
  }
  .i-border-b-#{$k} {
    border-bottom: $v !important;
  }

  .border-l-#{$k} {
    border-left: $v;
  }
  .i-border-l-#{$k} {
    border-left: $v !important;
  }
}
/* E 边框 */

/* S 边框样式 */
$border-style-values: (solid, dashed, dotted);
@each $v in $border-style-values {
  .border-#{$v} {
    border-style: $v;
  }
  .i-border-#{$v} {
    border-style: $v !important;
  }
}
/* #ifndef APP-NVUE */
$border-style-values: (double, none);
@each $v in $border-style-values {
  .border-#{$v} {
    border-style: $v;
  }
  .i-border-#{$v} {
    border-style: $v !important;
  }
}
/* #endif */
/* E 边框样式 */

/* S 边框颜色 */
$border-color-values: map-merge(
  $theme-colors,
  (
    white: $white,
    main: $border-color,
    transparent: transparent
  )
);
@each $k, $v in $border-color-values {
  .border-#{$k} {
    border-color: $v;
  }
  .i-border-#{$k} {
    border-color: $v !important;
  }

  .border-t-#{$k} {
    border-top-color: $v;
  }

  .border-r-#{$k} {
    border-right-color: $v;
  }

  .border-b-#{$k} {
    border-bottom-color: $v;
  }

  .border-l-#{$k} {
    border-left-color: $v;
  }
}
/* E 边框样式 */

/* S 边框宽度 */
$border-width-values: (
  0: 0,
  1: 1rpx,
  2: 2rpx,
  3: 3rpx,
  4: 4rpx,
  5: 5rpx,
  6: 6rpx
);
@each $k, $v in $border-width-values {
  .border-w#{$k} {
    border-width: $v;
  }
  .i-border-w#{$k} {
    border-width: $v !important;
  }
}
/* E 边框宽度 */

/* S 最小高度 */
/* #ifndef APP-NVUE */
$min-height-values: (
  full: 100%
);
@each $k, $v in $min-height-values {
  .min-h-#{$k} {
    min-height: $v;
  }
}
/* #endif */
/* E 最小高度 */

/* S 最大高度 */
/* #ifndef APP-NVUE */
$max-height-values: (
  full: 100%
);
@each $k, $v in $max-height-values {
  .max-h-#{$k} {
    max-height: $v;
  }
}
/* #endif */
/* E 最小高度 */

/* S 盒子模型 */
$box-values: (border: border-box, content: content-box);
@each $k, $v in $box-values {
  .box-#{$k} {
    box-sizing: $v;
  }
}
/* E 盒子模型 */
